<template>
	<div class="chatroom">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" left-arrow @click-left="onClickLeft">
			<template #right>
				<div class="iconfont rightIcon icon-icon_chat"></div>
				<div @click="menushow = true" class="iconfont rightIcon icon-icon_sidebar"></div>
			</template>
			<template #title>
				<p @click="topshow = true"> Phòng chat </p>
			</template>
		</van-nav-bar>
		<div class="body">
			<div class="notice">
				<div class="noticeBar wrap content">
					<div class="icon">
						<i class="iconfont icon-icon_announcement"></i><span>Thông báo:</span>
					</div>
					<div class="flex_bd">
						<van-notice-bar scrollable text="CẢNH BÁO LỪA ĐẢO NẠP TIỀN.Hiện tại có 1 số thành phần giả danh nhân viên XOSO BET CASINO LỪA ĐẢO về NẠP TIỀN để tránh phát sinh không mong muốn, quý hội viên lưu ý KHÔNG CUNG CẤP THÔNG TIN CÁ NHÂN cũng như các HÌNH ẢNH BIÊN LAI CHI TIẾT GIAO DỊCH cho bất kỳ ai. Khi nạp tiền không thành công vui lòng liên hệ CSKH ngay trên link xosobet.com. Nếu có vấn đề xảy ra dẫn tới tình trạng tổn thất vể tiền bạc XOSO BET CASINO hoàn toàn không chịu trách nhiệm. Mọi thông tin chi tiết vui lòng liên hệ CSKH trực tuyến 24/7LƯU Ý NẠP TIỀNNhằm nâng cao tốc độ phục vụ tất cả các Thành viên trong việc Nạp Tiền , XOSO BET Casino xin lưu ý đến tất cả các Thành viên khi chuyển tiền vào các ngân hàng của XOSO BET Casnio vui lòng sử dụng nội dung chuyển tiền là TÊN ĐĂNG NHẬP hoặc HỌ VÀ TÊN để bộ phận liên quan có thể xác nhận một cách chính xác và rõ ràng hơn để tránh tình trạng lệnh nạp tiền thất bại ! Chân thành cảm ơn sự hợp tác của tất cả các Thành viên . Mọi chi tiết xin liên hệ CSKH 24/7 !" />
					</div>
				</div>
				
			</div>
			<div class="scrollContent">
				<ul>
					<li class="logItemLI" v-for="item in 20" :key="item">
						<div class="chatLogItem">
							<div class="avatar"><img src="../../assets/images/default_chat.png" ></div>
							<div class="main">
								<div class="title"><span class="nickname">ax33d</span><img src="../../assets/images/vip1.png" class="levelImg"></div>
								<div class="message">Ko có lì xì à ae</div>
								<div class="time"><span>09:27:12</span></div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="foot">
				<div class="chatInput">
					<div class="left">
						<van-button size="small"><span class="iconfont icon-icon_send_img"></span></van-button>
						<input type="file" style="display: none;">
					</div>
					<div class="mid">
						<van-field v-model="username"  placeholder="Nhập nội dung chat tại đây...">
							<template #right-icon><i class="iconfont icon-icon_send_emoji"></i></template>
						</van-field>
					</div>
					<div class="right">
						<van-button size="small">Gửi</van-button>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {}
		},
		methods: {
			onClickLeft() {
				this.$router.go(-1)
			},
			url(url) {
				this.$router.push({
					path: url
				})
			},
		}
	}
</script>
<style>
</style>


